Black Friday Sale Upgrade Your Home →

Project Setup

Project Setup

So let's start setting up our project for this.

  1. You need to have installed the node.js , you can just head to NodeJs and get the current version. After the installation is done, it will also install the npm package manager which will be using .

  2. I will be using visual studio code, which you can also download on the website called the [Visual Studio](visual studio.com), it's for free. So after we have installed,

BASH
npm init

This will initialize the project. We can, you can just skip through this. Now, we have initialized the package.json file just contains some meta information about our project but this is not related to the Chrome extension will just use this file to install any dependencies, which will help us building the project.

So the first dependency is for the Google Chrome API. We can do that, by installing

BASH
npm I types @types/chrome

this will install our types for the project.

The next step is to go to the Chrome extensions which is located under the Chrome extensions, and we can see our extensions here. We have to turn on the developer mode , so we will be able to load Our extensions and debug them inside the Chrome and also get the real-time feedback for the project.

we will just require a small village of JavaScript and also jQuery.

  Previous      Next